<!--导航栏-->
<div class="nav-box">
	<div class="nav">
		<p class="login">你好，欢迎来到D1购物，请<a href="login.html">登录</a>或<a href="sign.html">注册</a></p>
		<ul class="nav-ul">
			<li id="myAccound">
				<a href="#">我的账户</a>
				<span class="slip"></span>
				<ol id="myAccound-list">
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的优惠券</a></li>
					<li><a href="#">我的积分</a></li>
					<li><a href="#">我的收藏</a></li>
					<li><a href="#">我的晒单</a></li>
					<li><a href="#">我的评论</a></li>
				</ol>
			</li>
			<li><a href="#">订单查询</a></li>
			<li><a href="#">积分换购</a></li>
			<li><a href="#">帮助中心</a></li>
			<li><a href="#">在线客服</a></li>
			<li><a href="#">手机优尚</a></li>
		</ul>
	</div>
</div>
<!--头部logo-->
<div class="header-box">
	<div class="header">
		<a href="d1-index.html" class="logo"><img src="img/images/1_1_03.png" /></a>
		<div class="header-middle">
			<div class="soso">
				<input type="text" id="text" placeholder="请输入你要搜索的商品名称或编码" />
				<input type="button" id="but" value="搜索" />
			</div>
			<ul>
				<li>热门搜索：</li>
				<li>|</li>
				<li><a href="#">年货</a></li>
				<li>|</li>
				<li><a href="#">清仓</a></li>
				<li>|</li>
				<li><a href="#">防雾霾</a></li>
				<li>|</li>
				<li><a href="#">保暖</a></li>
			</ul>
		</div>	
			<img src="img/help.jpg" title="" align="" class="help"/>
			<div class="shop" id="shop">
				<a href="#" class="care">
					<img src="img/images/1_2_06.png" />
				</a>
				<a href="#" class="shop-care">购物车<span id="cart">0</span>件</a>
				<span class="shop-list"></span>
				<div class="care-list" id="care-bottom">
					<div class="care-top">
						你的购物车中暂无商品！
					</div>
					<div class="care-bottom">
						<p>购物车中有<span id="letter">0</span>件商品&nbsp;金额总计：<span id="money">￥00.00</span></p>
						<a href="#" id="close"><img src="img/viewcart.gif" /></a>
					</div>
				</div>
			</div>
		
	</div>
</div>
<!--菜单栏-->
<div class="menu-box">
	<div class="menu">
		<div id="menu-list" >
			<p>全部商品</p>
			<span id="list-t"></span>
			<div id="all-shop">
				<div class="all-list">
					<h3>护肤品</h3>
					<div id="first-top">
						
					</div>
					<h3>创意家居</h3>
					<div id="first-bottom">
						
					</div>
				</div>
				<div class="all-list">
					<h3>彩妆香水</h3>
					<div id="two-top">
						
					</div>
					<h3>数码宝贝</h3>
					<div id="two-bottom">
						
					</div>
				</div>
				<div class="all-list">
					<h3>个性配饰</h3>
					<div id="three-top">
						
					</div>
					<h3>时尚热点</h3>
					<div id="three-bottom">
						
					</div>
				</div>
				<div class="all-list all-list-2">
					<h3>热卖品牌</h3>
					<div id="four">
						
					</div>
				</div>
			</div>
		</div>
		<ul class="menu-ul">
			<li><a href="d1-index.html">首页</a></li>
			<li><a href="#">化妆品</a></li>
			<li><a href="#">创意家居</a></li>
			<li><a href="#">创意数码</a></li>
			<li><a href="#">时尚装备</a></li>
		</ul>
	</div>
</div>
